<script setup lang="ts">

import NavigationBar from "@/components/navigationBar.vue";
</script>

<template>
<!--    我的预约-->
  <div class="box">
      <div class="bookingBox">
          <router-link to="/bookingC">
              <img src="../../assets/images/我的预约.png" alt="" class="bookingImg">
          </router-link>
      </div>
      <div class="bookingBox">
          <router-link to="/launch">
              <img src="../../assets/images/发起预约.png" alt="" class="bookingImg">
          </router-link>
      </div>
      <div class="navigationBar">
          <navigation-bar></navigation-bar>
      </div>
  </div>
</template>

<style scoped>
.box {
    .bookingBox {
        margin: 10% auto;
        width: 80%;
        height: 90%;
        .bookingImg {
            width: 100%;
            height: 100%;
            border-radius: 3%;
        }
    }
}

.navigationBar {
    position: fixed;
    padding: 3% 0;
    width: 100%;
    min-height: 6%;
    background-color: #fff;
    bottom: 0;
    border: 1px solid rgba(42, 43, 65, 0.2);
}
</style>